<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单详情-配送中</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <link rel="shortcut icon" href="image/favicon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./css/light7.min.css">
    <link rel="stylesheet" href="./css/public.css?v=201812103">
    <link rel="stylesheet" href="./css/order-detail.css?v=201812103">
</head>
<style>

</style>
<body>
<div class="page-group">
    <div class="page">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back external" href="javascript:redirect('order-list.html?ref=2')">
                返回
            </a>
            <h1 class='title'>订单详情</h1>
        </header>
        <!-- 这里是页面内容区 -->
        <div class="content">
            <div class="content-block" id="content-block">

            </div>
            <div id="wid1" style="display: none">
                <div class="col-50">
                    <button style="width:100%;" id='H5App' class="button button-big button-fill button-success external">导航</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/html" id="wid1Js">

</script>
<script type="text/html" id="order_detaile">

        <div class="dingdan-pull">
            <!--头部-->
            <div class="dingdan-top">
                <div class="dingdan-midel">
                    <p>下单时间：{{info.created_at}}</p>
                </div>
            </div>
            <!--主体-->
            {{each info.order_goods goods}}
            <div class="dingdan-center">
                <img class="center-img" src="{{goods.goods_img}}" alt="">
                <div class="dingdan-mid">
                    <p class="dingdan-midp">{{goods.goods_name}}</p>
                    <P class="dingdan-midp"> ￥{{goods.goods_price}} <span class="mid-span"> x {{goods.goods_num}} </span>
                    </P>
                </div>
            </div>
            {{/each}}
            <div class="address">
                <p class="dingdan-p">收货地址：<span style="font-size:0.6rem;">{{info.buyer_address}}</span></p>
            </div>
            {{if info.description}}
            <div class="about-ticket" >
               <p style="line-height: 2rem;">备注说明：{{info.description}}</p>
            </div>
            {{/if}}
            <div class="contant-customer">
                <p class="contant-customer-p">收货人：{{info.buyer_name}}</p>
                <div class="col-50"><a href="javascript:;" id="call" data="{{info.mobile}}" class="button button-big button-fill button-success">联系客户</a></div>
            </div>
            <div class="about-ticket">
                <p class="about-ticket-p">
                    {{if info.member}}
                    <span>余票：{{info.member.total_waterbill_num}}</span>


                    <span>总水桶：{{info.member.total_bucket_num}}</span>


                    <span>借桶：{{info.member.borrow_bucket_num}}</span>
                    {{/if}}
                </p>
            </div>
            <div class="contant-customer-bill">
                {{if info.type==1 && info.status==10}}
                <p class="contant-customer-bill-p">应收订单款：￥{{info.order_amount}} 元</p>
                {{/if}}

                {{if info.bill_order != [] && info.bill_order.money > 0}}
                <p class="contant-customer-bill-p">应收水票款：￥{{info.bill_order.money}} 元</p>
                {{/if}}

                {{if info.bill_order.description != null && info.bill_order.description.length > 0}}
                    <div class="contant-customer-bill-bunce" style="display: flex;flex:2;" >
                        <p class="contant-customer-bill-p">额外赠送：</p>
                        <div class="bunce_gift-child">
                            {{each info.bill_order.description desc}}
                                <p class="contant-customer-bill-p"> {{desc}}</p>
                            {{/each}}
                        </div>
                    </div>
                {{/if}}

            </div>
            <div class="row">

                    <div class="col-50">
                        <button style="width:100%;" id='picker' class="button button-big button-fill button-success create-actions">改派</button>
                    </div>

                {{if info.back === 1}}
                <div class="col-50" id="tobucket"><a href="javascript:void(0)" class="button button-big button-fill button-success external">回桶</a></div>
                {{/if}}
                {{if info.back === 0}}
                <div class="col-50"  id="order-done"><a href="javascript:void(0)" class="button button-big button-fill button-success external">完成</a></div>
                {{/if}}
            </div>
            {{if show_notice == 1}}
            <p class="prompt">该订单为用户首单，请注意是否收取押金</p>
            {{/if}}
        </div>
</script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.10&key=c49a1c12e1310e0242cee4ce97f00d88&plugin=AMap.ToolBar"></script>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src='./js/light7.js'></script>
<script src="./js/art-template.js"></script>
<script src="js/cxvalidation.js"></script>
<script src="./js/config.js?v=201812103"></script>
<script src="./js/commen.js?v=201812103"></script>
<script src="./js/order-detail.js?v=201812103"></script>
</body>
</html>
